<!-- 操作手册 -->
<template>
<f-layout>
  <v-expansion-panels focusable>
    <v-expansion-panel>
      <v-expansion-panel-header class="title">1. 上传第三方视频信息</v-expansion-panel-header>
      <v-expansion-panel-content>
        <ol>
          <!-- <iframe height=498 width=510 src='http://player.youku.com/embed/XMzE4ODU0MDE2' frameborder=0 'allowfullscreen'></iframe> -->
          <li>从第三方视频平台（优酷、腾讯视频等）复制播放器通用代码
            <!-- <v-img :src="require('./copy_src.png')" width="500"></v-img> -->
          </li>
          <li>复制第一步所得到播放器代码到记事本，获取其中的src元素信息，并且把`http`修改为`https`
            <!-- <v-img :src="require('./edit_src.png')" width="900"></v-img> -->
          </li>
          <li>在富文本编辑器中选择插入iframe功能
            <p>以TinyMCE编辑器为例：</p>
            <!-- <v-img :src="require('./insert_media.png')" width="700"></v-img> -->
            <p>百度Ueditor编辑器与之类似</p>
          </li>
          <li>将复制第二步编辑后的视频地址代码粘贴到地址栏
            <!-- <v-img :src="require('./copy_to_media.png')" width="500"></v-img> -->
          </li>
          <li>选择适合的播放比例，或者取消自动宽高锁定，手动输入播放器宽高(例如：700 * 400)，然后点击保存即可
            <!-- <v-img :src="require('./media_setting.png')" width="500"></v-img> -->
          </li>
        </ol>
      </v-expansion-panel-content>
    </v-expansion-panel>
    <v-expansion-panel>
      <v-expansion-panel-header class="title">2. TinyMCE5编辑器说明</v-expansion-panel-header>
      <v-expansion-panel-content>
        <!-- <v-img :src="require('./TinyMCE说明.png')" width="1400"></v-img> -->
      </v-expansion-panel-content>
    </v-expansion-panel>
  </v-expansion-panels>
  </f-layout>
</template>

<script>
export default {
  name: 'Manual',
  components: {},
  data: function () {
    return {
    }
  },
  created: function () {

  },
  computed: {},
  methods: {}
}
</script>
<style scoped>
</style>
